<script type="text/javascript" src="{{$LAYOUT_HELPER_URL}}front/js/jquery.js"></script>
<script type="text/javascript" src="{{$LAYOUT_HELPER_URL}}front/js/jquery.validate.js"></script>

<script type="text/javascript">
$().ready(function() {
    // validate signup form on keyup and submit
    $("#login").validate({
        rules: {
            'username': "required",
            'password': "required"
        },
        messages: {
            'username': "",
            'password': ""
        }
    });
});

</script>
<!-- LOGIN FORM -->
  <tr>
    <td align="center" valign="top" class="back_grndrk">

	    <table width="882" border="0" align="center" cellpadding="0" cellspacing="0">
	      <tr>
	        <td width="200" align="left" valign="top" class="back_grn">
	        	<table width="200" border="0" cellspacing="0" cellpadding="0">
		            <tr>
		              <td><img src="{{$BASE_URL}}{{$content.image1}}" alt="Our Company" width="200" height="108" /></td>
		
		            </tr>
	          	</table>
	          </td>

	        <td width="33" align="left" valign="top" class="back_grndrk"><img src="/acm/layouts/default/helpers/front/images/filler.gif" alt="" width="33" height="20" /></td>
	        <td width="649" align="left" valign="top" class="back_grndrk"><img src="{{$BASE_URL}}{{$content.image2}}" alt="" width="649" height="108" /></td>
	      </tr>
	    </table>
    </td>
  </tr>
  <tr>

    <td align="center" valign="top" class="back_grnlte">

		
		<table align="center" border="0" cellpadding="0" cellspacing="0" width="882">
	<tbody>
		<tr>
			<td align="left" class="back_grn" style="padding-left: 15px; padding-right: 15px" valign="top" width="200">
				<table border="0" cellpadding="0" cellspacing="0" width="170">
					<tbody>
						<tr>
							<td>
								&nbsp;</td>

						</tr>
						<tr>
							<td align="center" valign="top">
								<!-- InstanceBeginEditable name="SideLinks" -->
								<p>
									&nbsp;</p>
								<!-- InstanceEndEditable --></td>
						</tr>
						<tr>

							<td>
								&nbsp;</td>
						</tr>
						<tr>
							<td>
								<span class="white-bold">Suite 108,<br />
								11420 - 27 Street S.E.<br />
								Calgary, AB<br />

								T2Z 3R6<br />
								(403) 201-7571 Phone </span></td>
						</tr>
						<tr>
							<td>
								&nbsp;</td>
						</tr>
					</tbody>

				</table>
			</td>
			<td align="left" class="back_grnlte" valign="top" width="33">
				&nbsp;</td>
			<td align="left" class="back_grnlte" style="padding-top: 15px; padding-bottom: 15px" valign="top" width="649">
				{{$content.intro_text}}
				{{$content.full_text}}
				<p>
					<span class="TitleBlue">Login Form</span><br />
				</p>
				<!-- ERROR MESSAGE -->
	            {{if $loginError}}
	            	<p style="color: red;">Username or Password is incorrect</p>
	            {{/if}}
				<p>
				<form id="login" name="login" action="" method="post">
	                <table>
	                	<tr>
	                		<td>Username:<span style="color: red;">*</span></td>
	                		<td> <input name="username" type="text" id="Username" size="30" /></td>
	                	</tr>
	                	<tr>
	                		<td>Password:<span style="color: red;">*</span></td>
	                		<td> <input name="password" type="password" id="Password" size="30" /></td>
	                	</tr>
	                	<tr>
	                		<td>&nbsp;</td>
	                		<td><input type="submit" name="submit" value="Login" /></td>
	                	</tr>
	                </table>
	            </form>
                </p>
			</td>
		</tr>
		<tr>
			<td align="left" class="back_grn" valign="bottom">
				<img alt="" height="2" src="/acm/layouts/default/helpers/front/images/filler.gif" width="200" /></td>
			<td align="left" class="back_grnlte" valign="top">
				<img alt="" height="2" src="/acm/layouts/default/helpers/front/images/filler.gif" width="33" /></td>
			<td align="left" class="back_grnlte" valign="top">
				<img alt="" height="2" src="/acm/layouts/default/helpers/front/images/filler.gif" width="649" /></td>

		</tr>
	</tbody>
</table>
	    
    </td>
  </tr>
  <!-- END LOGIN FORM -->
